@charset "utf-8";
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 62.5%;
}

ul,li,div,p,body,h1,h2,h3,h4,h5,h6,dl,dt,dd{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
    color: #2a2a2a;
}
input{
    -webkit-appearance: none;
    outline: none;
}
*{
    outline: none;
    webkit-focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
body,
html{
    width: 100%;
    height: 100%;
    font-family: "Lantinghei SC","Open Sans","Hiragino Sans GB","\5fae\8f6f\96c5\9ed1", "Microsoft YaHei", SimHei, Helvetica, Arial, SimSun;
    font-weight: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-align: center;
    color: #000;
}

body{
    position: relative;
    opacity: 1;
    -webkit-transition: opacity 500ms ease-in;
    transition: opacity 500ms ease-in;
    background:#f0f0f0;
}

*,
*:before,
*:after {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul,
ol{
    list-style: none;
}
img{
    border: 0;
}
input,
img {
    vertical-align: middle;
}
small {
    font-size: 80%;
}
i,em,b,s,strong,h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-style: normal;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
th {
    font-weight: normal;
}
input,
button,
textarea{
    font-family: "Lantinghei SC","Open Sans","Hiragino Sans GB","\5fae\8f6f\96c5\9ed1", "Microsoft YaHei", SimHei, Helvetica, Arial, SimSun;
    line-height: normal;
    box-shadow: 0;
    text-shadow: 0;
    -webkit-appearance: none;
    border-radius: 0;
    border: 0;
}
textarea{resize: none;}
input[type=checkbox],
input[type=radio] {
    visibility: hidden;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

select {
    font-family: "Lantinghei SC","Open Sans","Hiragino Sans GB","\5fae\8f6f\96c5\9ed1", "Microsoft YaHei", SimHei, Helvetica, Arial, SimSun;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

input::-moz-placeholder {
    color: #808080;
}

textarea::-moz-placeholder {
    color: #000;
}

::-webkit-input-placeholder {
    color: #808080;
}

::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.line-height-10{line-height: 1;}
.line-height-20{line-height: 20px;}
.line-height-25{line-height: 25px;}
.line-height-30{line-height: 30px;}
.line-height-38{line-height: 38px;}
.line-height-40{line-height:40px;}
.line-height45{line-height: 45px;}
.text-over{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.display-block{display: block;}
.display-in-block{display: inline-block;}
.font-1{font-size: 1rem;}
.font-11{font-size: 1.1rem;}
.font-12{font-size: 1.2rem;}
.font-125{font-size: 1.25rem;}
.font-13{font-size: 1.3rem;}
.font-14{font-size: 1.4rem;}
.font-15{font-size: 1.5rem;}
.font-16{font-size: 1.6rem;}
.font-17{font-size: 1.7rem;}
.font-18{font-size: 1.8rem;}
.font-19{font-size: 1.9rem;}
.font-20{font-size: 2rem;}
.font-21{font-size: 2.1rem;}
.font-33{font-size: 3.3rem;}
.text-indent1{text-indent: 1em;}
.text-indent2{text-indent: 2em;}

.color-black{color: #3a3a3a;}
.color-red{color: #f26666;}
.color-green{color: #3bcc40;}
.color-grey{color: #6d6d6d;}
.color-grey-1{color: #a6a6a6;}
.color-lightGrey{color: #bdbdbd;}
.color-darkGrey{color: #4b4b4b;}
.color-white{color: #fff;}
.color-blue{color: #358cf0;}
.color-1{color: #666;}
.color-2{color: #999;}
.color-3{color: #a1a1a1;}
.color-4{color: #878787;}
.color-5{color: #e77008;}
.rise{color: #f26666;}
.drop{color: #3bcc40;}
.bg0{background: #fafafa;}
.bg-white{background: #fff;}
.bg_red{background: #db5252;}
.bg_grey{background: #e6e6e6;}

.w33{width: 33.33%}
.w40{width: 40%;}
.w50{width: 50%;}
.w67{width: 67%;}
.w70{width: 70%;}
.w84{width: 84%;}
.w86{width: 86%;}
.w100{width: 100%;}
.m0{margin: 0 auto;}
.m5{margin: 5px auto 0;}
.m10{margin: 10px auto 0;}
.m15{margin: 15px auto 0;}
.m20{margin: 20px auto 0;}
.m30{margin: 30px auto 0;}
.m40{margin: 40px auto 0;}
.ml4{margin-left: 4px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.mt5{margin-top: 5px;}
.mt8{margin-top: 8px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt28{margin-top: 28px;}
.mt30{margin-top: 30px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mr8{margin-right: 8px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mv5{margin: 5px 0;}
.mv10{margin: 10px 0;}
.mv15{margin: 15px 0;}
.mv25{margin: 25px 0;}
.p10{padding: 10px;}
.p15{padding: 15px;}
.p38{padding: 3px 8px;}
.p1015{padding: 10px 15px;}
.p1510{padding: 15px 10px;}
.ph15{padding: 0 15px;}
.ph3{padding: 0 3%;}
.pv5{padding: 5px 0;}
.pv10{padding: 10px 0;}
.pv15{padding: 15px 0;}
.pl10{padding-left: 10px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb45{padding-bottom: 45px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pb80{padding-bottom: 80px;}

.pr{position: relative;}
.pf{position: fixed;}
.pa{position: absolute;}

.text-center{text-align: center;}
.text-right{text-align: right;}

.border-b-1{border-bottom: 1px solid #d6d6d6;}
.border-b-2{border-bottom: 1px solid #d3d3d3;}
.wrap{
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
    width: 100%;
    min-height: 100%;
    position: relative;
}
.fl{float: left;}
.fr{float: right;}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.none{display: none;}

.mask{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}

header{
    position: relative;
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #a6815e;
    background: #814915;
}
.arrow-back{
    position: absolute;
    left: 3%;
    top: 0;
    width: 30px;
    height: 45px;
    background: url("../images/arrow-back.png") left no-repeat;
    background-size: 8px 16px;
}
.head-title{
    width: 100%;
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
    line-height:45px;
}
.head-account{
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 45px;
    background:url("../images/account.png") center no-repeat;
    background-size: 20px 20px;
}
.head-home{
    position: absolute;
    right: 32px;
    top: 0;
    width: 30px;
    height: 45px;
    background:url("../images/home.png") center no-repeat;
    background-size:20px 20px;
}
.head-home.new{
    right: 50px;
}
.head-person{
    position: absolute;
    right: 28px;
    top: 0;
    width: 20px;
    height: 30px;
    background:url("../images/person.png") center no-repeat;
    background-size: 11px 15px;
}

.sign-f{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 38px;
    border-top: 1px solid #f6f6f6;
    background: #fff;
}
.sign-sub{
    float: right;
    width: 25%;
    height:38px;
    background: #ba6d24;
    font-size: 1.3rem;
    color: #fff;
    text-align: center;
}
.sign-sub.new{
    color: #fff;
}
.sign-sub.share{
    background: #814915;
}